body {
	text-align: center;
	margin: auto;
	overflow: auto;
	padding: 0; margin: 0;

	.animated-seat {
		animation-duration: .9s;
		animation-fill-mode: both;
	}
	@keyframes zoomIn {
		from {
			opacity: 0;
			transform: scale3d(.3, .3, .3);
		}

		50% {
			opacity: 1;
		}
	}

	#box {
		margin: auto;
		background-color: #F1F1F1;
		padding: 10px;

		.seat-table {
			margin: auto auto 20px auto;
			padding: 0;
			animation-name: zoomIn;

			tr {
				td {
					padding: 2px; margin: 0;
				}
				.seat {
					display: block;
					border: 1px solid #cccccc;
					cursor: pointer;
					background-color: #ffffff;
					border-radius: 3px;
				}
				.selected {
					background-color: #00cc00;
				}

				.disabled {
					background: url("checked.png") no-repeat center center;
					background-size: 13px 13px !important;
					border: 1px solid #cc0000 !important;
				}
			}
		}
	}
}
